<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--头部-->
<header>
   <div class="container clearfix">
       <h1>
           better
       </h1>
       <nav>
           <a href="">
               首页
               <span></span>
           </a>
           <a href="">产品中心</a>
           <a href="">企业新闻</a>
           <a href="">联系我们</a>
       </nav>
   </div>
    <div class="banner">
        <img src="img/b03.jpg" alt="">
    </div>
</header>
<!--中间-->
<section>
    <div class="better clearfix">
        <div class="container">
            <!--左部分-->
            <div class="list">
                <div class="col">
                    <img src="img/list-1.png" alt="">
                    <h4>Oculus联合创始人黯然离场，是被小米前高管“挤出”了</h4>
                    <p>2018-06-16</p>
                </div>

                <div class="col clearfix">
                    <img src="img/list-2.png" alt="">
                    <h4>华为营收5216亿元，同比增长32%, 顺便卖了1.39亿部手机</h4>
                    <p>2018-06-16</p>
                </div>
                <div class="col clearfix">
                    <img src="img/list-3.png" alt="">
                    <h4>车与出行 百度申请在北京路试无人车， 但这并不意味着无人车未</h4>
                    <p>2018-06-16</p>
                </div>
                <div class="col clearfix">
                    <img src="img/list-4.png" alt="">
                    <h4>20分钟没了300亿，最大港股塌方背后疑点重重</h4>
                    <p>2018-06-16</p>
                </div>
                <div class="col clearfix">
                    <img src="img/list-5.png" alt="">
                    <h4>礼物说裁员引争议， 触宝CEO王家梁：别把粗暴裁员当个性</h4>
                    <p>2018-06-16</p>
                </div>
                <div class="col clearfix">
                    <img src="img/list-6.png" alt="">
                    <h4>下线聊天文件功能，微信这是闷声作大死？</h4>
                    <p>2018-06-16</p>
                </div>
            </div>
            <!--右部分-->
            <div class="show">
                <!--右部分的上部分-->
                <div class="tm">
                    <a href="">better</a>
                    <h3>天猫总裁靖捷：线上线下全面打通 天猫将整体升级</h3>
                    <p>“真正新零售的未来场景都在天猫上。新零售正在全面爆发，未来的手机天猫APP将从满足需求进入到创造需求的阶段，线下百万雄师都会被数字化。”靖捷说。</p>
                </div>
                <!--右部分的下部分-->
                <div class="cp">
                    <h3>产品列表展示</h3>
                    <div class="text text-1">
                        <div class="col">
                            <img src="img/tu-1.png" alt="">
                            <h4>韩版高腰半身裙夏中长款a字裙子女流苏毛边</h4>
                            <p>&yen;89</p>
                        </div>
                        <div class="col col-1">
                            <img src="img/tu-2.png" alt="">
                            <h4>韩版女装夏装牛仔A字裙子</h4>
                            <p>&yen;89</p>
                        </div>
                        <div class="col col-2 col2">
                            <img src="img/tu-3.png" alt="">
                            <h4>女装夏装新款显瘦A字裙裤短裤牛仔裤</h4>
                            <p>&yen;129</p>
                        </div>
                        <div class="col col2">
                            <img src="img/tu-4.png" alt="">
                            <h4>显瘦牛仔裤半身裙短新款潮裙女夏韩版学生高腰a字裙</h4>
                            <p>&yen;79</p>
                        </div>
                    </div>
                    <div class="text text-2">
                        <div class="col">
                            <img src="img/tu-5.png" alt="">
                            <h4>收腰牛仔连衣裙a字牛仔裙女学生短裙裙子</h4>
                            <p>&yen;339</p>
                        </div>
                        <div class="col col-1">
                            <img src="img/tu-6.png" alt="">
                            <h4>修身长袖牛仔连衣裙女</h4>
                            <p>&yen;338</p>
                        </div>
                        <div class="col col-2 col2">
                            <img src="img/tu-7.png" alt="">
                            <h4>瘦高腰牛仔半身裙夏a字</h4>
                            <p>&yen;129</p>
                        </div>
                        <div class="col col2">
                            <img src="img/tu-8.png" alt="">
                            <h4>中长款竖条纹半身裙百搭宽松中长裙A字裙</h4>
                            <p>&yen;339</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--底部-->
<footer>
    <div class="container">
        <p>&copy2018版权所有better</p>
    </div>
    <a href=""><img src="img/dingbu.png" alt=""></a>
</footer>
</body>
</html>

